import Login from "../components/Login"
import Main from "../components/Main"
import NotFound from "../components/404"

import {Navigate} from "react-router-dom"
// import About from "../components/Main/About"
// import Home from "../components/Main/Home"



 const routes = [
    {
        path: "/login",
        element: <Login />
    },

    {
        path: "/main",
        element: <Main />,
        children: [
            {
                path: "/main/home/music",
                element: <Music />
            },
            {
                path: "/main/home/news",
                element: <News />
            },
            {
                path: "/main/about",
                element: <About />
            }
        ]
    },

    {
        path: "/",
        element: <Navigate to="/login" />
    },

    {
        path: "*",
        element: <NotFound />
    }
]

export default routes